<div style="display: flex; justify-content: start; align-items: center; width: 200px">
  <ti-avatar id="avatar-shape-circle" style="margin-right: 5px" shape="circle"></ti-avatar>
  <ti-avatar id="avatar-shape-square" style="margin-right: 5px" shape="square"></ti-avatar>
  <ti-avatar id="avatar-shape-define" style="margin-right: 5px; border-radius: 30%"></ti-avatar>
</div>
